<!DOCTYPE html>
<html lang="pt-br" xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui">
  <h:head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <meta name="description" content="Sistema de certificados Flisol " />
    <meta name="author" content="Pet Conexão de Saberes" />
    <!--<link rel="shortcut icon" href="../../assets/ico/favicon.ico" />-->

    <title>Sistema de certificados FLISOL 2014</title>

    <!-- Bootstrap core CSS -->
    <link href="#{facesContext.externalContext.requestContextPath}/resources/css/bootstrap.min.css" rel="stylesheet"></link>

	

    <!-- Custom styles for this template -->
    <link href="#{facesContext.externalContext.requestContextPath}/resources/css/main.css" rel="stylesheet"></link>

    <!-- Just for debugging purposes. Don't actually copy this line! -->
    <!--[if lt IE 9]><script src="../../assets/js/ie8-responsive-file-warning.js"></script><![endif]-->

    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
      <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
  </h:head>

  <h:body>

	<ui:insert name="menu">
	    <!-- Fixed navbar -->
	    <h:form>
	    <div class="navbar navbar-default navbar-fixed-top" role="navigation">
	      <div class="container">
	        <div class="navbar-header">
	          <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
	            <span class="sr-only">Toggle navigation</span>
	            <span class="icon-bar"></span>
	            <span class="icon-bar"></span>
	            <span class="icon-bar"></span>
	          </button>
	          <a class="navbar-brand" href="#">Flisol 2014</a>
	        </div>
	        <div class="collapse navbar-collapse">
	          <ul class="nav navbar-nav">
	            <li class="active"><h:link outcome="/index">Início</h:link></li>
	            <li><h:commandLink action="#{certificadoBean.acompanharEntrega}" value="Acompanhar Certificados" /></li>
	            <li><a href="#about">Sobre</a></li>
	            <li><h:commandLink action="#{loginBean.logout}" value="Sair"  /></li>
	          </ul>
	        </div><!--/.nav-collapse -->
	      </div>
	    </div>
	    </h:form>
	</ui:insert>

    <!-- Begin page content -->
    <div class="container">
      <div class="page-header">
        <h1>Sistema de Certificados Flisol 2014</h1>
      </div>
      <ui:insert name="main" ></ui:insert>
      
    </div>

    <div id="footer">
      <div class="container">
        <p class="text-muted">Flisol 2014 - PET Conexões de Saberes</p>
      </div>
    </div>


    <!-- Bootstrap core JavaScript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
    <script src="#{facesContext.externalContext.requestContextPath}/resources/js/bootstrap.min.js"></script>
  </h:body>
</html>
